
body {
	background-color :  #DFF3F5;
	font-size: 62.5%;
	font-family: "Trebuchet MS", sans-serif;
}

#universe{
	max-width:1280px;
	max-height:768px;
	margin: auto;
}
#topleft {
	float: left;
	font-size: 3.2em;
	margin-left: 0.5em;
    margin-top: 1.5em;
    width: 10em;
}

topleft, .first {
	font-weight : 550;
	font-size : 1.4em;
}

#logo {
	border: medium none;
	float : left;
}

#topright {
    background-color: #DFE4FF;
    border: thin solid #13D1C8;
    float: right;
    font-size: 1.6em;
    min-width: 16.6em;
    padding: 0.5em;
    margin: 0.2em;
}

#topright a:link {
	color : #188bc8;
	text-decoration : none;
}

#topright a:visited {
	color : #188bc8;
	text-decoration : none;
}

topright, .register {
	font-size : 0.75em;
}

topright, .button {
	font: 80%'trebuchet ms',helvetica,sans-serif; 
	color : #188bc8;
	border : none;
	background : url('./images/up.png') no-repeat top left;
	padding : 0.1em 0.2em;
}

topright, .button:hover {
	border : none;
	background : url('./images/down.png') no-repeat top left;
	padding : 0.1em 0.2em;
}

topright, .button:active {
	border : none;
	background : url('./images/active.png') no-repeat top left;
	padding : 0.1em 0.2em;
}

input {
	background : #f2f8fb;
}

#menu {
    background-color: #DFE4FF;
    float: left;
    font-size: 2.4em;
    margin-left: 3.2em;
    margin-top: 1.1em;
    min-width: 25.7em;
    position: absolute;
    top: 135px;
}

#menulink{
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#menu a:link {
	color : #188bc8;
	text-decoration : none;
	
}

#menu a:hover {
	text-decoration : none;
}

#menu a:visited {
	color : #188bc8;
	text-decoration : none;
}

menu, .current {
	background-color: white;
}


#content {
	border-top-style: hidden;
	-moz-border-radius: 0px 80px;
	border-radius: 0px 80px;
	border-width: 2px; 
    background-color: white;
    border-color: #188bc8;
    border-style: solid;
    float: left;
    font-size: 1.6em;
    min-height: 20em;
    max-height: 100em;
    margin-bottom: 4.9em;
    margin-left: 4.9em;
    margin-right: 4.9em;
    min-width: 50em;
    max-width: 50em;
    padding: 3em 3em 3em 4em;
    position: absolute;
    top: 190px;
    
}

#content a:link {
	color : #188bc8;
	text-decoration : none;
}

#content a:visited {
	color : #188bc8;
	text-decoration : none;
}

#registerform {
    margin: auto;
    width: 30em;
}

registerform, .error {
	color : #E61C1C;
}

.error{
	text-align: center;
}

fieldset
{
    border: 1px solid #188BC8;
    margin: auto;
    width: 25em;
}

legend {
	background-color : #f2f8fb;
}

.statecontent{
	display: none;
}


browse, .headname
{
	font-size : 1.25em;
	padding-bottom : 1em;
	width : 14.2em
}

browse, .headuser
{
	font-size : 1.25em;
	padding-bottom : 1em;
	width : 7.1em
}

browse, .headwhen
{
	font-size : 1.25em;
	padding-bottom : 1em;
}

browse, .pollname
{
	color: #188bc8;
	cursor : pointer;
}

browse, .username
{
	color : #D42626;
}

#voteform {
	width : 25em;
	margin : auto;
}

voteform, .error {
	color : #E61C1C;
}


label{
	color: rgb(28%,28%,28%);
	font-weight: bold;
}

#choice1{color:rgb(237, 125, 69);}
#choice2{color:rgb(196, 181, 173);}
#choice3{color:rgb(163, 100, 11);}
#choice4{color:rgb(247, 55, 55);}
#choice5{color:rgb(102, 115, 250);}
#choice6{color:rgb(70, 232, 172);}
#choice7{color:rgb(133, 245, 81);}
#choice8{color:rgb(242, 208, 73);}
#choice9{color:rgb(222, 120, 250);}
#choice10{color:rgb(237, 88, 167);}

#vote {
	text-align: center;
}
#vote table{
	text-align: center;
}

#nameofpoll{
	color: #188bc8;
	font-size: 2em;
}

textarea {
    resize: none;
    background-color:#f2f8fb;
}

#prev {
	position: absolute;
	left: 4em;
	bottom: 1em;
}

#next {
	position: absolute;
	right: 17em;
	bottom: 1em;
}

.showdet{
	background-color: #EEF;
	font-size: 0.9em;
	font-style: italic;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	border: 1px solid #ACF;
}

.showdet div{
	padding: 0.3em;
}

.showdet div span{
	color: #17476E;
	line-height: 1.8em;
}

.showdet div a{
	font-style: normal;
	font: 'trebuchet ms',helvetica,sans-serif; 
	color : #188bc8;
	background-color: white;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:0.1em;
}

.showdet div a:hover {
	font-weight: 900;
	border : none;
}

.showdet div a:active {
	font-weight: 1500;
	border : none;
}

.next {
	margin: 2em 0em 1em 0em;
}

#descofpoll {
	background-color: #EEF;
	font-size: 0.9em;
	font-style: italic;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	border: 1px solid #ACF;
	padding: 1em;
	word-wrap: break-word;
	max-width : 20em;
	min-width : 1em;
	margin : auto;
}
